<template>
  <view>  <!-- 定义一个导航栏-->
    <view >1111</view>
    <view style="background-color: #4cd964;border-radius: 10px;padding: 5px 5px" >1111</view>
    <view class="d-flex align-items-center">
      <view class="d-flex align-items-center flex-fill bg-light rounded-5 p-3 " style="box-sizing: content-box">
        <u-icon name="search" @click="search" size="10px" style="width: 100px" ></u-icon>
        <text class="flex-fill ms-1" style="font-size: 10px">精彩热搜：无与伦比</text>
      </view>
    </view>

    <view class="uni-flex uni-row " style="height: 64rpx; align-items: center">
      <view class="uni-flex uni-row bg-light rounded-5" style="align-items: center; flex: 1">
        <u-icon name="search" @click="search"></u-icon>
        <text class="flex-fill ms-1">精彩热搜：无与伦比</text>
      </view>
      <text >精彩热搜：无与伦比</text>
    </view>

  </view>
</template>

<script>
export default {
  onNavigationBarButtonTap() {
    console.log('点击了导航栏按钮')
  },
  onNavigationBarSearchInputClicked() {
    console.log('点击了导航栏输入狂')
  },

}

</script >


<style lang="scss">
.uni-flex-item{
  flex-grow: 1;
}
</style>
